<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color: aquamarine;">
    <!--

        css 设置样式的
            通过元素的style属性进行设置
            style = “样式名：样式值；样式名：样式值；... ...”

        
        块元素：自己独占一行的元素
            div h1-h6
            
        行内元素：不会自己独占一行的元素  行内的css样式的宽  高等等 很多都是不生效的
            span img a
    -->
           
    <div style="border: 1px solid red; width: 500px;height: 200px;margin: 10px auto;background-color: cornflowerblue;">123</div>
    <div style="border: 1px solid red; width: 500px;height: 200px;margin: 10px auto;background-color: aliceblue;">
        <span style="font-size: 30px;color: aqua;font-weight: bold;">金球奖</span>的评选在于选手的一段时间内的职业实力而不在职业生涯的历史实力
    </div>
    <div style="border: 1px solid rgb(255, 0, 0); width: 500px;height: 200px;margin: 10px auto;background-color: cyan;">789</div>
    <span style="border: 1px solid greenyellow;width: 500px; height: 100px;">555</span>

</body>
</html>